// JavaScript Document
$(function(){
		var order,order2;//标记用户点击的信息索引值，为信息的修改删除做定位标记		
		//1，账号管理页面点击删除按钮删除相应信息词条
		$('#f-table').on('click','.bg-color2',function(){
			order = $(this).parents('tr').index();//1.获取要删除的信息条目索引值
			$('.modal-btn1').show();
			$('.modal-btn2').hide();
		})
		
		$('.modal-btn1').on('click','.bg-color2',function(){
			targetTr = $('#f-table').children().eq(order);//信息确定删除时由索引值定位的删除项。
			$(this).parents('.modal').hide();//提示框消失
			$('.modal-backdrop').hide();//模态框消失
			targetTr.remove();//相应信息清除
		});
		
		//1，权限页面点击删除按钮删除相应信息词条
		$('#f-table2').on('click','.bg-color2',function(){
			order2 = $(this).parents('tr').index();//1.获取要删除的信息条目索引值
			$('.modal-btn2').show();
			$('.modal-btn1').hide();

		})
		
		$('.modal-btn2').on('click','.bg-color2',function(){
			targetTr2 = $('#f-table2').children().eq(order2);//信息确定删除时由索引值定位的删除项。
			$(this).parents('.modal').hide();//提示框消失
			$('.modal-backdrop').hide();//模态框消失
			targetTr2.remove();//相应信息清除
		});

				
		//权限修改点击返回按钮的效果
		$('#txt_add2').on('click','.bg-color2',function(){
			$('#pop_info2').find('input').val('');//清空新建信息
			$('#pop_info2').css('display','none');//关闭新建页面
		})
		
		//5，修改时点击返回按钮让修改信息页面消失
		$('#txt_add').on('click','.bg-color2',function(){
			$('#pop_info').css('display','none');
			$('#txt_add').css('display','none');//关闭用于修改的按钮组
		});
		
		//6，确定修改时定位被修改项：
		$('#f-table').on('click','.rewrite',function(){
			order = $(this).parents('tr').index();
		var num = $(this).parent('td').siblings('.port-num').text(),//获取需要修改的场地编号等信息
			name = $(this).parent('td').siblings('.port-name').text(),
			owner = $(this).parent('td').siblings('.port-owner').text(),
			coords = $(this).parent('td').siblings('.port-coords').text();
			$('#pop_info').css('display','block');
			$('#txt_add').css('display','block');
			$('#pop_info').find('.num-input').val(num);//在修改页面中获取需要修改的场地编号等信息
			$('#pop_info').find('.name-input').val(name);
			$('#pop_info').find('.owner-input').val(owner);
			$('#pop_info').find('.coords-input').val(coords);
			
		});
		
		//修改信息后保存操作：
		$('#txt_add').on('click','.bg-color',function(){
		var  renum = $(this).parents('#pop_info').find('.num-input').val(),//获取修改后的场地编号等信息
			 rename = $(this).parents('#pop_info').find('.name-input').val(),
			 reowner = $(this).parents('#pop_info').find('.owner-input').val(),
			 recoords = $(this).parents('#pop_info').find('.coords-input').val(),
			 targetTr = $('#f-table').children().eq(order);//信息确定修改后返回的被修改项。
			 $('#pop_info').css('display','none');//关闭弹出页面
			$('#txt_add').css('display','none');//关闭用于修改的按钮
			 //被修改后的信息：
			 targetTr.children('.port-num').text(renum) ;
			 targetTr.children('.port-name').text(rename) ;
			 targetTr.children('.port-owner').text(reowner) ;
			 targetTr.children('.port-coords').text(recoords) ;
		});
		
		//账号管理，权限管理两个按钮的切换：
		$('#tab-btn>div').click(function(){
			var index = $(this).index();
			$(this).addClass('tab-color').siblings().removeClass('tab-color');
			$('.table').eq(index).show().siblings('.table').hide();
			$('.both-btn>button').eq(index).show().siblings().hide();
		});
		
		//2，点击左上角增加按钮让信息输入框弹出
		$('#add_info').click(function(){
			$('#pop-bottom').css('display','block');//弹出新建信息页面
			$('#new-count').find('input').val('');//初始化新建信息页面
			$('#new-count').css('display','block');//显示新建信息页面的按钮组
		});

		
		//关闭添加账号弹窗
		$('#new-count').on('click','.close',function(){
			$(this).parents('#new-count').hide();
			$('#pop-bottom').css('display','none');		
		});
		   //点击蒙版关闭账号弹窗
		$('#pop-bottom').click(function(){
			$(this).hide();
			$('#new-count').hide();
		});

		
		//5，点击左上角‘添加角色’按钮创建角色页面弹出
		$('#add_info2').click(function(){
			$('#pop_info3').css('display','block');//弹出新建信息页面
		});
		
		
	     //添加角色页面的返回效果
		$('#pop_info3').on('click','span',function(){
			$(this).parents('#pop_info3').hide();
		});
		
		 //获取添加角色相关新建内容
		$('#creat-btn').click(function(){
			var role = $(this).parent().siblings().children('input').val(),	
			newTr = $('#f-table2').children().eq(0).clone(true);//借助克隆体建立新信息。
			newTr.children('.super-man').text(role) ;//把新建信息回显至相应条栏
			newTr.appendTo($('#f-table2'));
			$('#pop_info3').hide();
		});
		
		//7，权限页面确定修改时定位被修改项：
		$('#f-table2').on('click','.rewrite',function(){
			order2 = $(this).parents('tr').index();
		var man = $(this).parent('td').siblings('.super-man').text(),//获取需要修改的场地编号等信息
			bill = $(this).parent('td').siblings('.port-bill').text(),
			date = $(this).parent('td').siblings('.port-date').text();
			$('#pop_info2').css('display','block');
			$('#pop_info2').find('.num-input').val(man);//在修改页面中获取需要修改的场地编号等信息
			$('#pop_info2').find('.name-input').val(bill);
			$('#pop_info2').find('.owner-input').val(date);
		});
		
		//按确定按钮修改权限信息：
		$('#txt_add2').on('click','.bg-color',function(){
		var  renum = $(this).parents('#pop_info2').find('.num-input').val(),//获取修改后的场地编号等信息
			 rename = $(this).parents('#pop_info2').find('.name-input').val(),
			 reowner = $(this).parents('#pop_info2').find('.owner-input').val(),
			 targetTr = $('#f-table2').children().eq(order2);//信息确定修改后返回的被修改项。
			 $('#pop_info2').css('display','none');//关闭弹出页面
			 //被修改后的信息：
			 targetTr.children('.super-man').text(renum) ;
			 targetTr.children('.port-bill').text(rename) ;
			 targetTr.children('.port-date').text(reowner) ;
			 //alert(reowner);
		});
		
		$('#role').change(function(){
			var txt=$(this).children('option:selected').text();
			switch(txt){
				case '超级管理员':
				$('.bg-one>*').addClass('bg-w1');
				$('.bg-two>*').removeClass('bg-w2');
				$('.bg-thr>*').removeClass('bg-w3');
				break;
				case '客户管理员':
				$('.bg-two>*').addClass('bg-w2');
				$('.bg-thr>*').removeClass('bg-w3');
				$('.bg-one>*').removeClass('bg-w1');
				break;
				case '普通用户':
				$('.bg-thr>*').addClass('bg-w3');
				$('.bg-two>*').removeClass('bg-w2');
				$('.bg-one>*').removeClass('bg-w1');
				break;
			}
		});
})
